﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>小货郎运营管理系统</title>
    <meta name="keywords" content="小货郎运营管理系统" />
    <meta name="description" content="小货郎运营管理系统" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <!-- basic styles -->
    <link href="__ASSETS__/css/bootstrap.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="__ASSETS__/css/font-awesome.min.css" />

    <!--[if IE 7]>
    <link rel="stylesheet" href="assets/css/font-awesome-ie7.min.css"/>
    <![endif]-->
    <!-- page specific plugin styles -->
    <!-- fonts

        <link rel="stylesheet" href="assets\css\cyrillic.css" />
    -->
    <!-- ace styles -->

    <link rel="stylesheet" href="__ASSETS__/css/ace.min.css" />
    <link rel="stylesheet" href="__ASSETS__/css/ace-rtl.min.css" />
    <link rel="stylesheet" href="__ASSETS__/css/ace-skins.min.css" />

    <!--[if lte IE 8]>
    <link rel="stylesheet" href="__ASSETS__/css/ace-ie.min.css"/>
    <![endif]-->
    <!-- inline styles related to this page -->
    <!-- ace settings handler -->

    <script src="__ASSETS__/js/ace-extra.min.js"></script>

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="__ASSETS__/js/html5shiv.js"></script>
    <script src="__ASSETS__/js/respond.min.js"></script>
    <![endif]-->
    <style>
        html{

            height:100%;
        }
        body{
            -webkit-height:calc(100% - 40px);
            -moz-height:calc(100% - 40px);
            height:calc(100% - 40px);
        }
        .main_ace{
            overflow: hidden;
        }
        .dropdown-navbar{
            height: 120px;
        }
        .main-container,.main-container-inner,.main-content{
            height:100%;
        }
        .dropdown-navbar.navbar-pink>li>a{
            overflow: hidden;
        }
    </style>
</head>
<body>
    <div class="navbar navbar-default" id="navbar">
        <script type="text/javascript">
            try {
                ace.settings.check('navbar', 'fixed')
            } catch (e) {
            }
        </script>

        <div class="navbar-container" id="navbar-container">
            <div class="navbar-header pull-left">
                <a href="{:url('admin/index/index')}" class="navbar-brand">
                    <small>
                        <i class="icon-leaf"></i>
                        小货郎运营管理系统
                    </small>
                </a><!-- /.brand -->
            </div><!-- /.navbar-header -->

            <div class="navbar-header pull-right" role="navigation">

                <ul class="nav ace-nav">
                    <li class="purple">
                        <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                            <i class="icon-bell-alt icon-animated-bell"></i>
                            <span class="badge badge-important" id="total_num">0</span>
                        </a>

                        <ul class="pull-right dropdown-navbar navbar-pink dropdown-menu dropdown-caret dropdown-close">
                            <li class="dropdown-header">
                                <i class="icon-warning-sign" id="total_num1">0条通知</i>

                            </li>

                            <li>
                                <a href="javascript:void(0);" class="tongzhi" data-header-father="商家管理" data-header-son="申请认证商家" data-href="{:url('admin/index/suppliesCertified')}">
                                    <div class="clearfix">
                                        <span class="pull-left">
                                            <i class="btn btn-xs no-hover btn-pink icon-comment"></i>
                                            新增商铺
                                        </span>
                                        <span class="pull-right badge badge-info" id="sup_num">+0</span>
                                    </div>
                                </a>
                            </li>

                            <li>
                                <a href="javascript:void(0);" class="tongzhi" data-header-father="商品管理" data-header-son="待审核商品" data-href="{:url('admin/index/productCheck')}">
                                    <span class="pull-left">
                                             <i class="btn btn-xs btn-primary icon-user"></i>
                                            新增商品
                                        </span>
                                    <span class="pull-right badge badge-info" id="pro_num">+0</span>
                                </a>
                            </li>
                        </ul>
                    </li>

                    <li class="light-blue">
                        <a data-toggle="dropdown" href="#" class="dropdown-toggle">
                            <img class="nav-user-photo" src="__ASSETS__/avatars/user.jpg" alt="Jason's Photo" />
                            <span class="user-info">
                                <small>欢迎光临,</small>
                                {$user_info['role_name']}
                            </span>
                            <i class="icon-caret-down"></i>
                        </a>
                        <ul class="user-menu pull-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">

                            <li>
                                <a href="javascript:void(0);" class="logout">
                                    <i class="icon-off"></i>
                                    退出
                                </a>
                            </li>
                        </ul>
                    </li>
                </ul><!-- /.ace-nav -->
            </div><!-- /.navbar-header -->
        </div><!-- /.container -->
    </div>

    <div class="modal fade" id="logoutModal" tabindex="-1" role="dialog" aria-labelledby="logoutModalLabel"
         aria-hidden="true" data-backdrop="static">
        <div class="modal-dialog">
            <div class="modal-content" style="width: 300px;margin-top: 100px;margin-left: 100px;">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">×</span></button>
                    <h4 class="modal-title" id="logoutModalLabel">退出登录:</h4>
                </div>
                <div class="modal-body">
                    <p style="font-size: 18px;font-weight: bold">是否退出登录？</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" onclick="logout();" data-dismiss="modal">退出</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                </div>
            </div>
        </div>
    </div>

    <div class="main-container" id="main-container">
        <script type="text/javascript">
            try {
                ace.settings.check('main-container', 'fixed')
            } catch (e) {
            }
        </script>

        <div class="main-container-inner">
            <a class="menu-toggler" id="menu-toggler" href="#">
                <span class="menu-text"></span>
            </a>

            <div class="sidebar" id="sidebar">
                <script type="text/javascript">
                    try {
                        ace.settings.check('sidebar', 'fixed')
                    } catch (e) {
                    }
                </script>

                <ul class="nav nav-list">
                    <li class="active">
                        <a href="{:url('admin/index/statistics')}">
                            <i class="icon-dashboard"></i>
                            <span class="menu-text"> 统计分析 </span>
                        </a>
                    </li>

                    <li>
                        <a href="{:url('admin/index/userManage')}">
                            <i class="icon-user"></i>
                            <span class="menu-text"> 用户管理 </span>
                        </a>
                    </li>
                    <li>
                        <a href="{:url('admin/index/orderManage')}">
                            <i class="icon-text-width"></i>
                            <span class="menu-text"> 订单管理 </span>
                        </a>
                    </li>
                    <li>
                        <a href="#" class="dropdown-toggle">
                            <i class="icon-desktop"></i>
                            <span class="menu-text"> 商家管理 </span>
                            <b class="arrow icon-angle-down"></b>
                        </a>

                        <ul class="submenu">
                            <li>
                                <a href="{:url('admin/index/suppliesManage')}">
                                    <i class="icon-double-angle-right"></i>
                                    <span>商家列表</span>
                                </a>
                            </li>

                            <li class="supplies_check">
                                <a href="{:url('admin/index/suppliesCertified')}">
                                <!--<a href="/admin/index/suppliesCertified">-->
                                    <i class="icon-double-angle-right"></i>
                                    <span>申请认证商家</span>
                                </a>
                            </li>
                            <li>
                                <a href="{:url('admin/index/suppliesDiscount')}">
                                    <!--<a href="/admin/index/suppliesCertified">-->
                                    <i class="icon-double-angle-right"></i>
                                    <span>优惠卷列表</span>
                                </a>
                            </li>
                        </ul>
                    </li>

                    <li>
                        <a href="#" class="dropdown-toggle">
                            <i class="icon-list"></i>
                            <span class="menu-text"> 商品管理 </span>

                            <b class="arrow icon-angle-down"></b>
                        </a>

                        <ul class="submenu">
                            <li>
                                <a href="{:url('admin/index/productManage')}">
                                    <i class="icon-double-angle-right"></i>
                                    商品列表
                                </a>
                            </li>

                            <li class="product_check">
                                <a href="{:url('admin/index/productCheck')}">
                                    <i class="icon-double-angle-right"></i>
                                    待审核商品
                                </a>
                            </li>
                        </ul>
                    </li>


                    <li>
                        <a href="#" class="dropdown-toggle">
                            <i class="icon-desktop"></i>
                            <span class="menu-text"> 运营管理 </span>

                            <b class="arrow icon-angle-down"></b>
                        </a>

                        <ul class="submenu">
                            <li>
                                <a href="{:url('admin/index/productCategory')}">
                                    <i class="icon-double-angle-right"></i>
                                    <span>商品分类维护</span>
                                </a>
                            </li>

                            <li>
                                <a href="{:url('admin/index/pushMessage')}">
                                    <i class="icon-double-angle-right"></i>
                                    <span>推送消息</span>
                                </a>
                            </li>
                            <li>
                                <a href="{:url('admin/index/carousel')}">
                                    <i class="icon-double-angle-right"></i>
                                    <span>轮播图设置</span>
                                </a>
                            </li>
                            <li>
                                <a href="{:url('admin/index/feedback')}">
                                    <i class="icon-double-angle-right"></i>
                                    <span>意见反馈</span>
                                </a>
                            </li>
                            <li>
                                <a href="{:url('admin/index/userComplaint')}">
                                    <i class="icon-double-angle-right"></i>
                                    <span>用户投诉</span>
                                </a>
                            </li>
                            <li>
                                <a href="{:url('admin/index/faq')}">
                                    <i class="icon-double-angle-right"></i>
                                    <span>常见问题</span>
                                </a>
                            </li>
                            <li>
                                <a href="{:url('admin/index/faqType')}">
                                    <i class="icon-double-angle-right"></i>
                                    <span>问题分类</span>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="#" class="dropdown-toggle">
                            <i class="icon-asterisk"></i>
                            <span class="menu-text"> 系统设置 </span>

                            <b class="arrow icon-angle-down"></b>
                        </a>

                        <ul class="submenu">
                            <li>
                                <a href="{:url('admin/index/setting')}">
                                    <i class="icon-double-angle-right"></i>
                                    系统配置
                                </a>
                            </li>
                            <li>
                                <a href="{:url('admin/index/userAgreement')}">
                                    <i class="icon-double-angle-right"></i>
                                    用户协议
                                </a>
                            </li>
                            <li>
                                <a href="{:url('admin/index/suppliesAgreement')}">
                                    <i class="icon-double-angle-right"></i>
                                    商家协议
                                </a>
                            </li>
                            <li>
                                <a href="{:url('admin/index/aboutAgreement')}">
                                    <i class="icon-double-angle-right"></i>
                                    关于我们
                                </a>
                            </li>
                            <li>
                                <a href="{:url('admin/index/funAgreement')}">
                                    <i class="icon-double-angle-right"></i>
                                    功能介绍
                                </a>
                            </li>
                        </ul>
                    </li>
                </ul>

                <div class="sidebar-collapse" id="sidebar-collapse">
                    <i class="icon-double-angle-left" data-icon1="icon-double-angle-left"
                       data-icon2="icon-double-angle-right"></i>
                </div>

                <script type="text/javascript">
                    try {
                        ace.settings.check('sidebar', 'collapsed')
                    } catch (e) {
                    }
                </script>
            </div>

            <div class="main-content">
                <div class="breadcrumbs" id="breadcrumbs">
                    <script type="text/javascript">
                        try {
                            ace.settings.check('breadcrumbs', 'fixed')
                        } catch (e) {
                        }
                    </script>

                    <ul class="breadcrumb">
                        <li>
                            <i class="icon-home home-icon"></i>
                            <a href="{:url('admin/index/index')}">首页</a>
                        </li>
                        <li class="active">统计分析</li>
                        <li></li>
                    </ul><!-- .breadcrumb -->
                </div>
                <div class="page-content" style="height:calc(100% - 41px)">
                    <iframe name="main" class="main_ace" width="100%" frameborder="0" src="{:url('admin/index/statistics')}" id="page-content" height="100%"></iframe>
                </div>
            </div>

        </div><!-- /.main-container-inner -->
        <!--<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
            <i class="icon-double-angle-up icon-only bigger-110"></i>
        </a>-->
    </div><!-- /.main-container -->
    <!-- basic scripts -->
    <!--[if !IE]> -->

    <script src="__ASSETS__\js\jquery-2.0.3.min.js"></script>

    <!-- <![endif]-->
    <!--[if IE]>
    <script src="__ASSETS__\js\jquery-1.10.2.min.js"></script>
    <![endif]-->
    <!--[if !IE]> -->

    <script type="text/javascript">
        window.jQuery || document.write("<script src='__ASSETS__/js/jquery-2.0.3.min.js'>" + "<" + "script>");
    </script>

    <!-- <![endif]-->
    <!--[if IE]>
    <script type="text/javascript">
        window.jQuery || document.write("<script src='__ASSETS__/js/jquery-1.10.2.min.js'>" + "<" + "script>");
    </script>
    <![endif]-->

    <script type="text/javascript">
        if ("ontouchend" in document) document.write("<script src='__ASSETS__/js/jquery.mobile.custom.min.js'>" + "<" + "script>");
    </script>
    <script src="__ASSETS__/js/bootstrap.min.js"></script>
    <script src="__ASSETS__/js/typeahead-bs2.min.js"></script>

    <!-- page specific plugin scripts -->
    <!--[if lte IE 8]>
    <script src="__ASSETS__/js/excanvas.min.js"></script>
    <![endif]-->

    <script src="__ASSETS__/js/jquery-ui-1.10.3.custom.min.js"></script>
    <script src="__ASSETS__/js/jquery.ui.touch-punch.min.js"></script>
    <script src="__ASSETS__/js/bootbox.min.js"></script>
    <script src="__ASSETS__/js/jquery.slimscroll.min.js"></script>
    <script src="__ASSETS__/js/jquery.easy-pie-chart.min.js"></script>
    <script src="__ASSETS__/js/jquery.sparkline.min.js"></script>
    <script src="__ASSETS__/js/flot/jquery.flot.min.js"></script>
    <script src="__ASSETS__/js/flot/jquery.flot.pie.min.js"></script>
    <script src="__ASSETS__/js/flot/jquery.flot.resize.min.js"></script>
    <!-- ace scripts -->

    <script src="__ASSETS__/js/ace-elements.min.js"></script>
    <script src="__ASSETS__/js/ace.min.js"></script>

    <!-- inline scripts related to this page -->

    <script type="text/javascript">
        var storge = window.localStorage;
        var status = storge.getItem('status');
        //定时轮询获取新增数据
        window.setInterval(function(){
                $.ajax({
                    url: '{:url("admin/User/getMessageCount")}',
                    type : 'POST',
                    data : {status:status},
                    success: function (res) {
                        if(res.data.total_num ==undefined ||res.data.total_num == null|| res.data.total_num == ''){
                            res.data.total_num =0;
                        }
                        $('#total_num').text(res.data.total_num);
                        $('#total_num1').text(res.data.total_num+'条通知');
                        $('#sup_num').text('+' + res.data.sup_num);
                        $('#pro_num').text('+' + res.data.pro_num);
                    }
                });
        },300000);

        jQuery(function ($) {
            $(document).ready(function () {
                $.ajax({
                    url: '{:url("admin/User/getMessageCount")}',
                    type : 'POST',
                    data : {status:status},
                    success: function (res) {
                        $('#total_num').text(res.data.total_num);
                        $('#total_num1').text(res.data.total_num+'条通知');
                        $('#sup_num').text('+' + res.data.sup_num);
                        $('#pro_num').text('+' + res.data.pro_num);
                    }
                });
                // $("#page-content").height(document.documentElement.clientHeight - 128);
                try{
                    ace.settings.navbar_fixed(true);
                    ace.settings.sidebar_fixed(true);
                    ace.settings.breadcrumbs_fixed(true);
                }catch(e){}
                //系统通知跳转相对应的页面
                $(".tongzhi").on("click",function(){
                    var data_href = $(this).attr("data-href");
                    $(".main_ace").attr("src",data_href);
                    var header_father = $(this).attr("data-header-father");
                    var header_son = $(this).attr("data-header-son");
                    var breadcrumbHtml = " <li>" +
                        "                            <i class=\"icon-home home-icon\"></i>" +
                        "                            <a href=\"#\">首页</a>" +
                        "                        </li>" +
                        "                        <li class=\"active\">"+header_father+"</li>" +
                        "                        <li>"+header_son+"</li>";
                    $(".breadcrumb").html(breadcrumbHtml);
                    $(".nav-list li").removeClass("active");
                    $(".nav-list li").removeClass("open");
                    if(header_father == "商家管理"){
                        var type = 'sup';
                        $(".supplies_check").parent().parent().addClass("open");
                        $(".supplies_check").parent().parent().addClass("active");
                        $(".supplies_check").addClass("active");
                    }else if(header_father == "商品管理"){
                        var type = 'pro';
                        $(".product_check").parent().parent().addClass("open");
                        $(".product_check").parent().parent().addClass("active");
                        $(".product_check").addClass("active");
                    }
                    storge.setItem("status","yes");
                    status = 'yes';
                    $.ajax({
                        url : "{:url('admin/User/clearMessageCount')}",
                        type : 'POST',
                        data : {type:type},
                        success : function (res) {
                            $('#total_num').text(res.data.total_num);
                            $('#total_num1').text(res.data.total_num+'条通知');
                            $('#sup_num').text('+' + res.data.sup_num);
                            $('#pro_num').text('+' + res.data.pro_num);
                        }
                    })
                })
                //退出登录操作
                $(".logout").on(ace.click_event, function() {
                    // bootbox.confirm("是否退出登录?", function(result) {
                    //     if(result) {
                    //         //
                    //         alert("已退出");
                    //     }
                    // });
                    $('#logoutModal').modal({
                        keyboard: true
                    })
                });
            });
            $('.easy-pie-chart.percentage').each(function () {
                var $box = $(this).closest('.infobox');
                var barColor = $(this).data('color') || (!$box.hasClass('infobox-dark') ? $box.css('color') : 'rgba(255,255,255,0.95)');
                var trackColor = barColor == 'rgba(255,255,255,0.95)' ? 'rgba(255,255,255,0.25)' : '#E2E2E2';
                var size = parseInt($(this).data('size')) || 50;
                $(this).easyPieChart({
                    barColor: barColor,
                    trackColor: trackColor,
                    scaleColor: false,
                    lineCap: 'butt',
                    lineWidth: parseInt(size / 10),
                    animate: /msie\s*(8|7|6)/.test(navigator.userAgent.toLowerCase()) ? false : 1000,
                    size: size
                });
            })

            $('.sparkline').each(function () {
                var $box = $(this).closest('.infobox');
                var barColor = !$box.hasClass('infobox-dark') ? $box.css('color') : '#FFF';
                $(this).sparkline('html', {
                    tagValuesAttribute: 'data-values',
                    type: 'bar',
                    barColor: barColor,
                    chartRangeMin: $(this).data('min') || 0
                });
            });


            var placeholder = $('#piechart-placeholder').css({ 'width': '90%', 'min-height': '150px' });
            var data = [
                { label: "social networks", data: 38.7, color: "#68BC31" },
                { label: "search engines", data: 24.5, color: "#2091CF" },
                { label: "ad campaigns", data: 8.2, color: "#AF4E96" },
                { label: "direct traffic", data: 18.6, color: "#DA5430" },
                { label: "other", data: 10, color: "#FEE074" }
            ]

            function drawPieChart(placeholder, data, position) {
                $.plot(placeholder, data, {
                    series: {
                        pie: {
                            show: true,
                            tilt: 0.8,
                            highlight: {
                                opacity: 0.25
                            },
                            stroke: {
                                color: '#fff',
                                width: 2
                            },
                            startAngle: 2
                        }
                    },
                    legend: {
                        show: true,
                        position: position || "ne",
                        labelBoxBorderColor: null,
                        margin: [-30, 15]
                    }
                    ,
                    grid: {
                        hoverable: true,
                        clickable: true
                    }
                })
            }

            //drawPieChart(placeholder, data);

            /**
             we saved the drawing function and the data to redraw with different position later when switching to RTL mode dynamically
             so that's not needed actually.
             */
            //placeholder.data('chart', data);
            //placeholder.data('draw', drawPieChart);


            var $tooltip = $("<div class='tooltip top in'><div class='tooltip-inner'></div></div>").hide().appendTo('body');
            var previousPoint = null;

            placeholder.on('plothover', function (event, pos, item) {
                if (item) {
                    if (previousPoint != item.seriesIndex) {
                        previousPoint = item.seriesIndex;
                        var tip = item.series['label'] + " : " + item.series['percent'] + '%';
                        $tooltip.show().children(0).text(tip);
                    }
                    $tooltip.css({ top: pos.pageY + 10, left: pos.pageX + 10 });
                } else {
                    $tooltip.hide();
                    previousPoint = null;
                }

            });


            var d1 = [];
            for (var i = 0; i < Math.PI * 2; i += 0.5) {
                d1.push([i, Math.sin(i)]);
            }

            var d2 = [];
            for (var i = 0; i < Math.PI * 2; i += 0.5) {
                d2.push([i, Math.cos(i)]);
            }

            var d3 = [];
            for (var i = 0; i < Math.PI * 2; i += 0.2) {
                d3.push([i, Math.tan(i)]);
            }


            $('#recent-box [data-rel="tooltip"]').tooltip({ placement: tooltip_placement });

            function tooltip_placement(context, source) {
                var $source = $(source);
                var $parent = $source.closest('.tab-content')
                var off1 = $parent.offset();
                var w1 = $parent.width();

                var off2 = $source.offset();
                var w2 = $source.width();

                if (parseInt(off2.left) < parseInt(off1.left) + parseInt(w1 / 2)) return 'right';
                return 'left';
            }


            $('.dialogs,.comments').slimScroll({
                height: '300px'
            });


            //Android's default browser somehow is confused when tapping on label which will lead to dragging the task
            //so disable dragging when clicking on label
            var agent = navigator.userAgent.toLowerCase();
            if ("ontouchstart" in document && /applewebkit/.test(agent) && /android/.test(agent))
                $('#tasks').on('touchstart', function (e) {
                    var li = $(e.target).closest('#tasks li');
                    if (li.length == 0) return;
                    var label = li.find('label.inline').get(0);
                    if (label == e.target || $.contains(label, e.target)) e.stopImmediatePropagation();
                });

            $('#tasks').sortable({
                opacity: 0.8,
                revert: true,
                forceHelperSize: true,
                placeholder: 'draggable-placeholder',
                forcePlaceholderSize: true,
                tolerance: 'pointer',
                stop: function (event, ui) {
                    //just for Chrome!!!! so that dropdowns on items don't appear below other items after being moved
                    $(ui.item).css('z-index', 'auto');
                }
            }
            );
            $('#tasks').disableSelection();
            $('#tasks input:checkbox').removeAttr('checked').on('click', function () {
                if (this.checked) $(this).closest('li').addClass('selected');
                else $(this).closest('li').removeClass('selected');
            });
        })

        function logout(){
            storge.setItem('status','');
            status = '';
            window.location.href = "{:url('admin/User/exitLogin')}";
        }


    </script>

</body>
</html>
